<template>
  <div class="root">
    我是Child组件
    {{ title }}
    <button @click="handleClick">click</button>
  </div>
</template>

<script>
export default {
  // 注意props还是一样要写的，忘记的可以去复习一下
  props: ["title"],
  // VCA中的props很简单，直接在setup的参数里。emit则在setup函数中的第二个参数中的一个属性里，我们可以用解构赋值给他搞出来
  setup(props, { emit }) {
    console.log(props.title);
    const handleClick = () => {
      emit("handleClick",'儿子呼叫老子');
    };

    return {
      handleClick,
    };
  },
};
</script>